<template>
  <view class="user">
    <view class="user-box">
      <open-data type="userAvatarUrl" class="avatarUrl" />
      <open-data type="userNickName" />
    </view>
  </view>
</template>

<script>
</script>

<style lang="scss" scoped>
  .user {
    width: 690rpx;
    height: 150rpx;
    display: flex;
    align-items: center;
    margin: 30rpx auto;
    box-shadow: 0 0 10rpx #333;
    border-radius: 10rpx;
    .user-box {
      display: flex;
      align-items: center;
    }
    .avatarUrl {
      width: 90rpx;
      height: 90rpx;
      margin-right: 50rpx;
      margin-left: 30rpx;
    }
  }
</style>
